﻿<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <script src="Resource/jweixin-1.0.0.js"></script>

    <script src="Resource/ymzg.js"></script>
    <script type="text/javascript">
        initViewport();
    </script>
    <meta name="viewport" content="width=500, height=750,initial-scale=0.64">
    <style>
        @-webkit-keyframes rotatemusic {
            from {
                -webkit-transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
            }
        }

        ::-webkit-input-placeholder {
            color: #000;
        }
    </style>
    <style>
        #card_menu {
            z-index: 8000;
            background-color: transparent;
            background-size: 101px 101px !important;
            position: fixed;
            left: 0px;
            bottom: 31px;
            height: 101px;
            width: 100%;
            text-align: center;
            display: block;
        }

            #card_menu.fade {
                -webkit-animation: menu_fade_animation 5s infinite linear;
                -moz-animation: menu_fade_animation 5s infinite linear;
                -ms-animation: menu_fade_animation 5s infinite linear;
                -o-animation: menu_fade_animation 5s infinite linear;
                animation: menu_fade_animation 5s infinite linear;
            }

            #card_menu.hide {
                bottom: -60px !important;
                opacity: 0;
                transition: all 666ms;
                -moz-transition: all 666ms;
                -webkit-transition: all 666ms;
                -o-transition: all 666ms;
            }

        @-webkit-keyframes menu_fade_animation {
            0% {
                opacity: 0.8;
            }

            50% {
                opacity: 0.2;
            }

            100% {
                opacity: 0.8;
            }
        }

        @-moz-keyframes menu_fade_animation {
            0% {
                opacity: 0.8;
            }

            50% {
                opacity: 0.2;
            }

            100% {
                opacity: 0.8;
            }
        }

        @-ms-keyframes menu_fade_animation {
            0% {
                opacity: 0;
            }

            50% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        @-o-keyframes menu_fade_animation {
            0% {
                opacity: 0.8;
            }

            50% {
                opacity: 0.2;
            }

            100% {
                opacity: 0.8;
            }
        }

        @keyframes menu_fade_animation {
            0% {
                opacity: 0.8;
            }

            50% {
                opacity: 0.2;
            }

            100% {
                opacity: 0.8;
            }
        }

        .menu_scale_animation {
            -webkit-animation: menu_scale_animation 910ms infinite linear;
            -moz-animation: menu_scale_animation 910ms infinite linear;
            -ms-animation: menu_scale_animation 910ms infinite linear;
            -o-animation: menu_scale_animation 910ms infinite linear;
            animation: menu_scale_animation 910ms infinite linear;
        }

        @-webkit-keyframes menu_scale_animation {
            0% {
                -webkit-transform: scale(0.9);
                opacity: 0.6;
            }

            100% {
                -webkit-transform: scale(1.2);
                opacity: 0;
            }
        }

        @-moz-keyframes menu_scale_animation {
            0% {
                -moz-transform: scale(0.9);
                opacity: 0.6;
            }

            100% {
                -moz-transform: scale(1.2);
                opacity: 0;
            }
        }

        @-ms-keyframes menu_scale_animation {
            0% {
                -ms-transform: scale(0.9);
                opacity: 0.6;
            }

            100% {
                -ms-transform: scale(1.2);
                opacity: 0;
            }
        }

        @-o-keyframes menu_scale_animation {
            0% {
                -o-transform: scale(0.9);
                opacity: 0.6;
            }

            100% {
                -o-transform: scale(1.2);
                opacity: 0;
            }
        }

        .menu_btn {
            border-radius: 100%;
            display: inline-block;
            width: 101px;
            height: 101px;
            bottom: 31px;
            margin: 0 8px;
        }

        #shareTips {
            position: absolute;
            top: 0;
            left: 0;
            height: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.70);
            overflow: hidden;
        }

            #shareTips img {
                position: absolute;
                top: 5px;
                right: 5px;
                width: 284px;
                height: 110px;
            }
    </style>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <script src="Resource/jquery-1.10.2.min.js"></script>
    <script src="Resource/showcard_nosound.js"></script>
    <script src="Resource/jweixin-1.0.0.js"></script>
    <title>时间都去哪了</title>
  
</head>
<body onload="onLoad();laysound();" bgcolor="#000">

    <div id="audiocontainer"><audio id="bgsound" loop="loop" autoplay="autoplay"> <source src="/Medias/1.mp3"> </audio></div>
    <div id="cardsound" style="position: fixed; left: 440px; top: 40px; z-index: 5000; visibility: visible;"></div>
    <script src="Resource/jquery.canvasClock.js"></script>


    <div id="cardsound" onclick="switchsound()" style="position: fixed; left: 440px; top: 40px; z-index: 5000; visibility: visible;">
        <img id="sound_image" class="sound_image" src="/Content/music_note_big.png">
        <div id="note_box" style="height:100px;width:44px;position:absolute;left:-20px;top:-80px">
        </div>
        <div id="music_txt" style="color: white; position: absolute; left: -40px; top: 30px; width: 60px; visibility: hidden;">
            关闭
        </div>
    </div>

    <div style="position:absolute;top:0;left:0;width:500px;z-index:0">
        <img src="Resource/2011_1.jpg">
    </div>

    <div style="position:absolute;top:400px;left:193px;z-index:1" class="canvas-clock" data-bg-img-url="img/2011_files/2011_biao.png"></div>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('.canvas-clock').canvasClock({ brandName: '' });
        });
    </script>

    <div id="ruler" style="width:100%;height:0"></div>
    <div id="textsuper" style="position: absolute; top: 134.4px; left: 576px; overflow: hidden; z-index: 4; height: 768px; width: 1248px;" onclick="javascript:playsound()">
        <div id="textsub" style="color: black; position: relative; font-size: 20pt; text-align: left; line-height: 28pt; top: -344px;" onclick="javascript:playsound()">
            <b id="textcontent" style="color: rgb(75, 27, 17);">一年，<br>365天，<br>8760小时，<br>525600分，<br>31536000秒，<br>一晃，<br>就过去了，<br><br>似乎什么也没学会，<br>似乎什么也没留下，<br><br>日子就这么平平淡淡的溜走，<br>是呀，<br>时间都去哪儿了？</b>
        </div>
    </div>
    <script type="text/javascript">
        var imgUrl = gShareLogo;
        var lineLink = gShareUrl;
        var descContent = ShareDesc;
        var shareTitle = gShareTitle;
        var appid = '';
        function shareFriend() {
            playbksound();
            WeixinJSBridge.invoke('sendAppMessage', {
                "appid": appid,
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title": shareTitle
            }, function (res) {
                location.href = "/";
            })
        }
        function shareTimeline() {
            WeixinJSBridge.invoke('shareTimeline', {
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title": shareTitle
            }, function (res) {
                location.href = "/";
            });
        }
        function shareWeibo() {
            WeixinJSBridge.invoke('shareWeibo', {
                "content": descContent,
                "url": lineLink,
            }, function (res) {
                location.href = "/";
            });
        }
        // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on('menu:share:appmessage', function (argv) {
                shareFriend();
            });
            // 分享到朋友圈
            WeixinJSBridge.on('menu:share:timeline', function (argv) {
                shareTimeline();
            });
            // 分享到微博
            WeixinJSBridge.on('menu:share:weibo', function (argv) {
                shareWeibo();
            });
        }, false);
    </script>
   
    <script>
        var audio = document.getElementById('bgsound');
        var div = document.getElementById('sound_image');



        function switchsound() {
            if (audio.paused) {
                audio.play();
                div.setAttribute("class", "");
                div.setAttribute("class", "sound_image");
                return;
            } else {
                audio.pause();
                div.setAttribute("class", "");
                div.setAttribute("class", "sound_image1");
            }
        }

        function Share() {
            id('card_menu').className = "hide";
            id('shareTips').style.display = "block";
            id('shareTips').onclick = function () {
                id('shareTips').style.display = "none";
                id('shareTips').onclick = function () { };
                id('card_menu').className = "fade";
            }
        }

        function Follow() {
            location.href = '/';
        }

        function GetMore() {
            location.href = 'http://wx.mangdot.com';
        }

    </script>
    <script>
        $.post('/wechat/GetSDKConfig', { url: '/HEKA/时间都去那了/2017-04-27-103609.html' }, function (data) {
            wx.config({
                debug: false,
                appId: data.appId, // 必填，公众号的唯一标识
                timestamp: data.timestamp, // 必填，生成签名的时间戳
                nonceStr: data.nonceStr, // 必填，生成签名的随机串
                signature: data.signature,// 必填，签名，见附录1
                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.ready(on_weixin_ready2())
        })

    </script>
    <script>
        function on_weixin_ready2() {
            wx.onMenuShareAppMessage({
                title: "2323",
                desc: "2323",
                link: "/HEKA/时间都去那了/2017-04-27-103609.html",
                imgUrl: "/Image/1035.jpg",
                type: 'link',
                dataUrl: '',
                success: function () {
                },
                cancel: function () {
                }
            });

            wx.onMenuShareTimeline({
                title: "2323",
                link: "/HEKA/时间都去那了/2017-04-27-103609.html",
                imgUrl: "/Image/1035.jpg",
                success: function () {
                },
                cancel: function () {
                }
            });

            wx.ready(on_weixin_ready2);

        }


    </script>
  
</body>
</html>